<template>
  <div class="sWidth">
    <img src="../../images/500.png" height="200" width="450"/>
    <p>啊哦~~服务器好像出现点问题，工程师正在检查中...请耐心等待！
    </p>
    <div class="error-back" @click="back()">返回首页</div>
  </div>
</template>

<script>
    export default {
        name: "error500",
        methods:{
          back(){
            this.$router.push({ path: '/home' })
          }
        }
    }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~style/base"
  .sWidth
    padding-top 80px
    text-align center
    p
      font-size $font-size-medium-x
      color $color-person-text
      margin 40px 0
  .error-back
    display inline-block
    width 116px
    height 32px
    border 1px solid rgba(255,98,82,1)
    border-radius 2px
    line-height 32px
    color $color-theme
    cursor pointer
</style>
